
iframe{
	border:none ;
}
a,a:hover,a:visited,a:active,a:checked,a:after,a:target,a:link{
	text-decoration:none;
	color:black;
}
h1{
	margin: 0px;
}
ul{
	padding: 0px;
	margin: 0px;
}
li{
	list-style:none;
}
header{
	overflow: hidden;
	height:100px;
	padding: 5px 0px;
	background-color:rgb(11,117,172);
	z-index: -9;
}
#header_nav{
	position: absolute;
	top:66px;
	text-align: left;
	overflow: hidden;
	height:50px ;
	line-height: 60px;
	margin-left: 240px;
}
.triangle{
	width: 37px;
	height: 37px;
	background:#D0D0D0;
	background: linear-gradient(135deg, transparent 25px, #D0D0D0 0);
	position: absolute;
	top:66px;
	left: 239px;
	z-index: 2;
}
#header_nav li{
	color: #404040;
}
.first{
	border-radius: 28px 0px 0px 0px;
}
.last{
	border-radius: 0px 28px 0px 0px;
}
#header_nav ul li a{
	color: #333;
	font-size: 16px;
}
#logo{
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left:20px;
	height:35px;
	padding-left:40px;
	margin-top:10px;
	line-height: 35px;
	vertical-align: middle;
	float:left;
	background-size: contain;
}
#logo a{
	color: white;
	font-family: 宋体;
	font-size:30px;
}
.fu{
	position: absolute;
	top: 50px;
	left:90px;
	color: white;
	font-family: 宋体;
	font-size: 24px;
}
header .seting{
	width: 415px;
	overflow: hidden;
	position: absolute;
	top:-8px;
	right:0px;
}
header .seting .set1 a{
	display: inline-block;
	width: 75px;
	font-size: 14px;
}
header .seting .set1 a span{
	position: absolute;
	top: 22px;
	margin-left: -48px;
	font-size: 12px;
	color:#F0EFED;
}
header .nav-header{
	margin-left: 250px;
}
header li{
	float:left;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	padding-left:20px;
	font-size:16px;
}
header li a{
	color:#413D4B;
}
#main_content_wrap aside{
	display: inline-block;
	width:240px;
}
aside{
	float:left;
	height: 630px;
	background-color:rgb(11,117,172) ;
}
aside h2{
	background-color:#0676B2;
	font-size:16px;
	font-weight: 300;
	color:#FFFFFF;
	margin:0px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
}
aside h3{
	margin: 0px;
}

#user{
	font-size:14px;
	color:#FFFFFF;
	padding-left:40px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	float: left;
}
#msg{
	font-size:14px;
	color:#FFFFFF;
	float:right;
	padding-right: 150px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background-image: url(../img/laba.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:23px;
}
#contentWrap{
	background-color: #EAE8E2;
	border:2px solid #70C3DD;
	padding:0px 3px 0px 3px;
}
#contentWrap section{
	margin-top:3px;
}
#contentWrap h3{
	font-size:15px;
	font-weight: 300;
	color:#FFFFFF;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	text-align: center;
	background-color: #0087D5;
	border:2px solid #70C3DD;"
}
.li_active>a{
	  display: block;
	  padding: 10px 8px;
	  text-decoration: none;
	  text-decoration: none;
                font-size: 14px;
                font-weight: 600;
                color: #4A515B;
                background: #E9E9E9;
                background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9));
                background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
                border: 1px solid #D5D5D5;
                border-radius: 4px;

}
.li_active>a:hover{
	 color: #FFF;
                    background: rgb(0,135,213);
                    /*background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
                    background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: linear-gradient(top, #4A515B 0%,#3C4049 100%);*/
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
                    border-color:rgb(0,135,213);

}
.li_active li a{
	color:black;
}
.li_active li a:hover{
	 background: rgb(0,135,213);
                    /*background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
                    background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: linear-gradient(top, #4A515B 0%,#3C4049 100%);*/
                    color:white;
}
#main{
	display: flex;
	flex-flow: column;
}
nav{
	background: #E0E0E0;
    background: linear-gradient(135deg, transparent 25px, #E0E0E0 0);
}
nav a{
	color:#000000;
}
nav ul{
 overflow: hidden;
 padding-left:50px;
}
nav li{
	float:left;
	font-size: 16px;
	padding-left:20px;
	padding-right: 20px;
	text-align: center;
	height:47px;
	line-height: 47px;
	vertical-align: middle;
}
#second_nav {
	position:absolute;
	display: none;
	background-color: gray;
}
#second_nav li{
	font-size:14px;
	height:40px;
	line-height: 40px;
	vertical-align: middle;
	padding-left:15px;
	padding-right: 15px;
	background-color:#CBF6FF;
}


#main{
	display: flex;
	flex-flow: column;
}
nav a{
	color:#000000;
}
nav ul{
 overflow: hidden;
 padding-left:50px;
}
nav li{
	float:left;
	font-size: 16px;
	padding-left:20px;
	padding-right: 20px;
	text-align: center;
	height:47px;
	line-height: 47px;
	vertical-align: middle;
}
#second_nav {
	position:absolute;
	display: none;
	background-color: gray;
}
#second_nav li{
	font-size:14px;
	height:40px;
	line-height: 40px;
	vertical-align: middle;
	padding-left:15px;
	padding-right: 15px;
	background-color:#CBF6FF;
}

#main_content{
	background-color:rgb(236,242,246);
	position: absolute;
	top:116px;
	left: 240px;
	width: 100%;
	height: 601px;
	overflow: scroll;
}
#img{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-top: 20px;
}
.img{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.tooltip-wrapper {
    position: absolute;
    z-index: 999;
    padding: 5px;
    background: white;
    border: 1px solid #7d7d7d;
    border-radius: 5px;
}
.tooltip-wrapper .arrow,
.tooltip-wrapper .arrow:after {
	z-index: 99999;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip-wrapper .arrow {
    border-width: 11px;
}
.tooltip-wrapper .content {
    width: 160px;
}
.tooltip-wrapper .content .username{
	padding-left: 20px;
	font-size: 14px;
}
.tooltip-wrapper .content .role{
	padding-left: 20px;
	font-size: 14px;
}
.tooltip-wrapper .arrow:after {
    content: "";
    border-width: 10px;
}
.tooltip-wrapper.bottom .arrow {
    top: -11px;
    left: 70%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #7d7d7d;
}
.tooltip-wrapper.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: white;
}
#note{
	position: absolute;
	right: 25px;
	top:60px;
	display: none;
	z-index: 99999999;
}
.user li{
	height: 36px;
	line-height: 36px;
	padding-left:5px;
	font-size: 14px;
}
.user li:hover{
	background-color: #E2E2E2;
}

.fl{
	overflow: scroll;
	height: 617px;
	background-color: #0070A9;
}
